<style type="text/css">
	#divLoginForm {
		color: #FFF;
		font-family:Arial, Helvetica, sans-serif;
		font-size:15px;
		margin-top:10px;
		
	}
	
	#tblLogin {
		color: #FFF;
		margin:auto;
	}
	#deptID {
		width: 75px;
	}
	
			
</style>
<script type="text/javascript">
function login ()
{
	var login_id=document.getElementById('id').value;
	var login_username=document.getElementById('uname').value;
	var login_password=document.getElementById('pwd').value;
	if(login_id=="" || login_username=="" || login_password=="")
		{alert ('To login you must enter all details');}
	
	
}

</script>

<div id="divLoginForm" >
    <form id="frmLogin"  method="post" action="">
        <table id="tblLogin" border="0"  height="50px">
            <tr>
                <td>
                    <label>username: </label>
                </td>
                <td>
                    <center><input type="text" id="uname" name="uname" style="width:90%;"/></center>
                </td>
            </tr>
            <tr>
                <td>
                    <label>password: </label>
                </td>
                <td >
                    <center><input type="password" id="pwd" name="pwd" style="width:90%;"/></center>
                </td>
            </tr>
            <tr>
                <td>
                    <label>id: </label>
                </td>
                <td>
                    <center><input type="text" id="id" name="id" style="width:90%;"/></center>
                </td>
            </tr>
                        <tr>
                <td>
                    
                </td>
                <td>
					<table width="73%" border="0">
						<tr>
                        	<td style="width:50%;">
                            	
                            </td>
                            <td style="width:60%;" colspan="2">
                            	 <center> <input type="submit" value="Login" align="middle" onclick="login()"/></center>
                            </td>
						</tr>
					</table>                    	                                    
                </td>
            </tr>
        </table>
    </form>
</div>
